<script setup lang="ts">
import { ref, watch } from 'vue'
import jsonStreamParser from '@packages/json-stream-parser'
const text = ref('')
const json = ref(null)
watch(text, (newVal, oldVal) => {
  json.value = jsonStreamParser(newVal)
})
// const json = {
//   name: 'json',
//   age: 18,
//   children: [{
//     name: 'json1',
//     age: 19,
//     children: [
//       {
//         name: 'json1-1',
//         age: 20,
//         children: []
//       }
//     ]
//   },
//   {
//     name: 'json2',
//     age: 20,
//     children: []
//   }
//   ]
// }
// const jsonStr = JSON.stringify(json)
// setInterval(() => {
//   console.log(`🚀 ~ jsonStr:`, jsonStr)
//   console.log(`🚀 ~ jsonStreamParser(jsonStr):`, jsonStreamParser(jsonStr))
// }, 1000)  
</script>

<template>
  <main>
    <input v-model="text" type="text">
    <div>{{ json }}</div>
  </main>
</template>
